<template>
    <div class="info-item">
        <span class="grey-color">{{text}}:</span>
        {{value}}
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';

@Component({
    name: 'InfoItem',
})
export default class InfoItem extends Vue {
    @Prop({ type: String }) public text?: string;
    @Prop({ type: String }) public value?: string;
}
</script>

<style lang="less">

.info-item {
    padding-top: 10rpx;
}
</style>
